// 从上下左右方向，从origin开始，弹出一个len高度的弹出层
move($name = mask, $type = 'bottomIn', len = 1rem, $time = 0.5s, bg = rgba(255, 255, 255, 0.8), zIndex = 99, origin = 0)
  if $type == 'bottomIn'
    $len = height
    $posX = left
    $posY = bottom
    $posZ = right
  else if $type == 'topIn'
    $len = height
    $posX = left
    $posY = top
    $posZ = right
  else if $type == 'leftIn'
    $len = width
    $posX = top
    $posY = left
    $posZ = bottom
  else if $type == 'rightIn'
    $len = width
    $posX = top
    $posY = right
    $posZ = bottom
  @keyframes {$name}Out
    0%
      {$len} -len
    100%
      {$len} 0
  @keyframes {$name}In
    0%
      {$len} 0
    100%
      {$len} -len
  .{$name}
    {$posX} 0
    {$posY} origin
    {$posZ} 0
    {$len} len
    z-index zIndex
    position fixed
    background bg
  .{$name}-enter-active
    animation $name + In $time
  .{$name}-leave-active
    animation $name + Out $time